@charset "utf-8";
/* CSS Document */

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #0036a9; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

.lk{display: block;height: 0;width: 0;overflow: hidden;}

.wrapper { margin: 0 auto; width: 1200px; }

.bgtable{ width:100%; border-collapse:collapse; border-spacing:0;}
.bgtable td{ border:1px solid #ccc; line-height:2; padding-left:10px;;}





.boxshadow {
    -moz-box-shadow: 	2px 2px 30px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    box-shadow: 		2px 2px 30px rgba(0,0,0,0.1);
}



.roundsa { 
	border-radius: 30px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border-radius: 30px; 
}






.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 700px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #ea0000; }
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }


.topbar{ padding:16px; position:fixed; z-index:999; box-sizing:border-box; top:0; right:0; left:0; -webkit-transition: all .2s; transition: all .2s;}
.container{ padding:0 40px; line-height:70px;}

.logo{ float:left; background:url(../images/logo.png) no-repeat center top; background-size:cover; width:339px; height:50px; display:inline-block;margin-top:10px;}
.top-right{ float:right; font-size:14px; font-weight:700; color:#fff;}
.top-right a{ color:#fff;}
.split{ font-size:12px; color:#fff; padding:0 1px; font-weight:normal;}

.nav{ padding-left:30%;}
.nav .nli{ float:left; position:relative; text-align:center; padding:0 14px;}
.nav .nli a{ font-weight:800; font-size:17px; color:#fff; }



.nav .nli a:hover{ color:#999; text-decoration:none;}
.nav .nli .sub{ position:absolute; transition:0.2s; opacity:0; visibility:hidden; width:100%; z-index:99; background:rgba(0,0,0,.7); left:0; top:61px;}
.nav .nli:hover .sub{ opacity:1; visibility:inherit;}
.nav .nli .sub li{ display:block; text-align:center; border-bottom:1px solid rgba(255,255,255,.1); line-height:35px;}
.nav .nli .sub li a{ font-size:14px; color:#fff; font-weight:normal; }
.nav .nli .sub li:hover{ background:#ececec;}
.nav .nli .sub li:hover a{ color:#666;}


.topbar.fxd{ background:#fff; height:97px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s; transition: all .2s;}
.topbar.fxd .logo{ background:url(../images/logoblack.png) no-repeat center top; background-size:cover; width:339px; height:50px; margin-top:5px;}
.topbar.fxd .nav a{ color:#666;}
.topbar.fxd .top-right{ color:#666;}
.topbar.fxd .top-right a{ color:#666;}
.topbar.fxd .split{ color:#666;}


.hometitle{ font-size:24px; font-weight:bold; display:block; width:100%; font-family: Microsoft YaHei, Georgia, 'Times New Roman', Times, serif; margin-bottom:10px; text-align:center; color:#666;}
.hometext{ font-size:14px; text-align:center; line-height:160%; display:block; width:100%; color:#666;}

.homebox1{ padding:95px 0 60px 0;}
.homebox1 .hometext{ margin-bottom:60px;}
.homebox1 .prolist{ text-align:center; margin-bottom:60px; display:block;}
.homebox1 .prolist a{ background:#e6f1f8; font-size:15px; padding:10px 20px; margin-right:5px; color:#666;
border-radius:30px;}
.homebox1 .prolist .all{ background:#1e9024; color:#fff;}

.probox{}
.probox .item{ margin-right:10px; margin-bottom:10px; width:19.334%; float:left; -webkit-transition: all .2s; transition: all .2s;}
.probox .item:nth-child(5n){ margin-right:0;}
.probox .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.probox .item .pic { display: block; }
.probox .item .pic img { display: block; width: 100%; }
.probox .item .info { background:#f2f8fb; text-align:center; padding:30px 40px; height:100px;}
.probox .item .info .name { font-size:18px; color:#192436; margin-bottom:10px;}
.probox .item a:hover{ text-decoration:none;}
.probox .item a:hover .info .name { color:#1e9024;}
.probox .item .info .text { font-size:13px;  color:#777; line-height:160%; word-wrap: break-word; word-break: normal; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}

.homebox2{ background:#f5f5f5; padding-top:70px; padding-bottom:70px;}

.probox1{ margin-top:60px; margin-bottom:60px;}
.probox1 .item{ float:left; width:49.584%; margin-right:10px; margin-bottom:10px;}
.probox1 .item:nth-child(2n){ margin-right:0;}
.probox1 .item .pic { display: block; }
.probox1 .item .pic img { display: block; width: 100%; }
.probox1 .item .info{ padding:60px 60px; display:block; background:#fff;}
.probox1 .item:hover .name a{ text-decoration:none; color:#393;}
.probox1 .item .info .name a{ float:left; display:block; font-size:18px;color:#666; width:70%;}
.probox1 .item .info .name a:hover{ color:#390;}
.probox1 .item .info .name span{ padding:8px 20px; border:#ddd 1px solid; float:right; background:#FFF;color:#666; font-size:12px; font-weight:900;}
.probox1 .item .info .text{ width:100%; padding-top:30px; font-size:14px; color:#666; word-wrap: break-word; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical;  word-break: break-all; -webkit-line-clamp: 2;}


.homebox3{ padding-bottom:70px; padding-top:70px;}
.homebox3m{width:1140px; margin:0 auto; background:rgba(255,255,255,1) ; text-align:center; color:#666; font-size:14px; margin-top:40px; padding:50px 50px;}
.homebox3m ul{ width:100%;}
.homebox3m ul li{ width:25%; text-align:center; float:left;}
.homebox3m ul li p{ margin-top:20px;}
.probox2{ padding-top:50px; padding-bottom:12px; max-width:1819px; width:92%;}
.probox2-{width:49%; float:left; display:block; overflow:hidden; font-size:14px; color:#666; background:#192b8b url(../images/pg.jpg) no-repeat right bottom;}
.probox2-1{width:2%; float:left; display:block; font-size:14px;}
.probox2-2{width:49%; float:left; display:block; overflow:hidden; font-size:14px; color:#666; background:#0036a9 url(../images/pga.jpg) no-repeat right bottom;}
.probox2-m{ padding:60px; float:left;}
.probox2-m2{ padding:40px;}
.probox2- img{ max-width:100%;}
.probox2 .item{}
.probox2 .item:hover a{ text-decoration:none;}
.probox2 .item .pic{ display: block; }
.probox2 .item .pic img { display: block; width: 100%; }
.probox2 .item .info{ background:#f5f5f5; padding-left:40px; padding-top:20px;}
.probox2 .item .info .name{ font-size: 18px; color: #333; line-height: 30px; margin-right: 30px; margin-top: 20px;}
.probox2 .item .info .text{
	font-size: 14px;
    color: #777;
    line-height: 20px;
    height: 56px;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 3;
}



.homebox4{ background:#e9f2e4; padding:70px 0px 40px 0px;}
.homebox4 .hometitle{ margin-bottom:60px;}
.homebox4 .position{ position:relative;}
.homebox4 .tag{ position:absolute; top:-24px; width:100%;}
.homebox4 .tag .tt{ width:100px; height:42px; line-height:42px; text-align:center;margin:0 auto; border:#bec9b8 1px solid; background:#fff; color:#666;}
.homebox4 .taglist{ font-size:14px; text-align:center; line-height:160%; margin-bottom:40px; width:100%; color:#666; border:#bec9b8 1px solid; padding:30px 40px; background:#f7faf5;}
.homebox4 .taglist a{ padding:0 9px;}


.titn{ margin-bottom:20px;}
.titn h4{ float:left; font-weight:normal; font-size:17px; color:#666;}
.titn ul{ float:right;}
.titn ul li{ float:left; padding-left:10px;}
.titn ul li a{ font-size:12px; color:#666; text-align:right;}
.titn .more{ float:right; display:block; font-size:12px; color:#666; text-align:right;}


.newbox{ margin-bottom:40px;}

.boxn1{ float:left; width:33%;}
.boxn1 .titn{ width:360px;}
.boxn1 .content{}
.boxn1 .content .box{ margin-bottom:15px;}
.boxn1 .content .box .pic{ float:left; width:114px; margin-right:16px;}
.boxn1 .content .box .pic img{ border:1px solid #ccc; display:block; width:100%;}
.boxn1 .content .box .info{ float:left; width:230px;}
.boxn1 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn1 .content .box .info .nam a{ font-size:14px; color:#666;}
.boxn1 .content .box .info .nam a:hover{ color:#F30;}
.boxn1 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn2{ float:right; width:67%;}
.boxn2 .content{}
.boxn2 .content .box{ width:250px; float:left; margin-right:25px;}
.boxn2 .content .box:nth-child(3){ margin-right:0;}
.boxn2 .content .box .pic{ width:100%; margin-right:16px;}
.boxn2 .content .box .pic img{ display:block; width:100%;}
.boxn2 .content .box .info{ border:#cfd9ca 1px solid; padding:16px 20px; background:#FFF;}
.boxn2 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn2 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn2 .content .box .info .nam a:hover{ color:#F30;}
.boxn2 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn3{ float:left; width:33%;}
.boxn3 .titn{ width:360px;}
.boxn3 .content{}
.boxn3 .content .box{ width:170px; float:left; margin-right:20px;}
.boxn3 .content .box:nth-child(2){ margin-right:0;}
.boxn3 .content .box .pic{ width:100%; margin-right:16px;}
.boxn3 .content .box .pic img{ display:block; width:100%;}
.boxn3 .content .box .info{ border:#cfd9ca 1px solid; padding:16px 20px; background:#FFF;}
.boxn3 .content .box .info .nam{ margin-bottom:8px;word-wrap: break-word;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp: 2;}
.boxn3 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn3 .content .box .info .nam a:hover{ color:#F30;}
.boxn3 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn4{ float:left; width:33%;}
.boxn4 .titn{ width:360px;}
.boxn4 .content{}
.boxn4 .content .box{ width:360px; float:left; margin-bottom:15px;}
.boxn4 .content .box:nth-child(3){ margin-bottom:0;}
.boxn4 .content .box .pic{ float:left; width:114px; margin-right:16px;}
.boxn4 .content .box .pic img{ display:block; width:100%; border:#CCC 1px solid;}
.boxn4 .content .box .info{ float:left; width:230px;}
.boxn4 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn4 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn4 .content .box .info .nam a:hover{ color:#F30;}
.boxn4 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn5{ float:left; width:33%;}
.boxn5 .titn{ width:400px;}
.boxn5 .content{}
.boxn5 .content .box{ width:400px; float:left; margin-bottom:15px;}
.boxn5 .content .box:nth-child(3){ margin-bottom:0;}
.boxn5 .content .box .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn5 .content .box .nam a{  font-size:14px; color:#666;}
.boxn5 .content .box .nam a:hover{ color:#F30;}
.boxn5 .content .box .info{ width:100%;}
.boxn5 .content .box .info .pic{ float:left; width:78px; margin-right:16px;}
.boxn5 .content .box .info .pic img{ display:block; width:100%; border:#CCC 1px solid;}
.boxn5 .content .box .info .txt{ float:left; width:306px; font-size:12px; color:#666;}

.newbox1 .boxn5 .titn{ width:360px;}
.newbox1 .boxn5 .content .box{ width:360px;}
.newbox1 .boxn5 .content .box .info .txt{float:left; width:266px;}

.boxn6{ float:left; width:33%;}
.boxn6 .titn{ width:400px;}
.boxn6 .content{ float:left; width:400px;}


.homebox5{ background:#177505 url(../images/lvbg.jpg) no-repeat center top; padding:70px 0px;}
.homebox5 .honor{ margin-top:35px;}
.homebox5 .honor li{ float:left; background-color:#e6f1f8; text-align:center; margin-right:10px; width:19%;}
.homebox5 .honor li img{ width:100%; display:block; height:320px;}
.homebox5 .honor li:last-child{ margin-right:0;}
.homebox5 .hometitle{ color:#fff;}
.homebox5 .hometext{ color:#fff;}

.homebox6{ background:#181818; padding:70px 0 40px 0;}
.homebox6 .erwm{ float:right; text-align:right;}
.homebox6 .erwm img{ width:80%;}
.homebox6 dl{ float:left; font-size:14px; color:#ccc; width:11%;}
.homebox6 dl dt{ padding-bottom:10px; color:#FFF; font-weight:bold;}
.homebox6 dl dd a{ color:#ccc; line-height:160%;}
.homebox6 .white{ color:#fff; margin-top:20px;}
.homebox6 .q1{ background:url(../images/salestel.png) no-repeat left center;}
.homebox6 .q2{ background:url(../images/renshi.png) no-repeat left top;}
.homebox6 .aa{ padding-left:24px;}
.homebox6 .contact{ width:30%;}


.footer{ background-color:#181818; padding:30px 0 40px 0; color:#666; font-size:14px; line-height:160%;}
.footer .fotmenu{ border-bottom:#28353b 1px solid; padding:19px 0 30px 0;}
.footer .fotmenu ul li{ float:left; padding-right:20px;}
.footer .fotmenu ul li a{ color:#ccc;}
.footer .foot{ margin-top:20px;}
.footer .foot ul li{ float:left; background:#0036a9; padding:8px 20px; color:#fff; margin-left:10px;}

.top_menu{ display:none;}

.mm-menu { width: 50%; z-index:10000000;}
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }


.inbanner { height: 140px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/banner2.jpg);}
.inwrap{ padding:50px 0; background:#f5f5f5;}


.inbox { background: #fff;  padding: 40px; font-size: 16px; line-height: 30px; color: #333; }
.intit { overflow: hidden; border-bottom: 1px solid #eee; line-height: 40px; padding: 0 40px 20px; }
.intit h1 { float: left; font-size: 30px; font-weight: normal; color: #333; position: relative; }
.intit h1:before { content: ''; width: 4px; height: 20px; background: #0036a9; position: absolute; left: -20px; top: 10px; }
.intit .iul { float: right; font-size: 16px; }
.intit .iul .ili { float: left; }
.intit .iul .ili .ia { display: block; padding: 0 20px; text-decoration: none; position: relative; }
.intit .iul .ili.on .ia { color: #0036a9; }
.intit .iul .ili.on .ia:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; border: 4px solid transparent; border-top-color: #0036a9; }

.incontent {}
.incontent p { margin-bottom: 20px; }
.incontent img { max-width: 100%; display: inline-block; }

/*history*/
.time-axis-item{ font-size:16px;}
.time-axis-date span{ right:-43px;}
.time-axis-item:last-child .time-axis-date span{ border-color:#0036a9;}
.time-axis-item:last-child .time-axis-date span:after{ border-color:#0036a9; background-color:#0036a9;}
.time-axis:before{ left:71px;}

/*honor*/
.honor_ul{ width:100%; margin:40px auto;}
.honor_ul li{ width:23%; float:left; margin-right:2.6%; margin-bottom:20px;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; position:relative;}
.honor_ul li a:hover{}
.honor_ul li img{ width:100%; border:1px solid #ccc;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}
.equipment_ul li img{ height:188px;}

 ul.ab_hon{ width:100%;}
 ul.ab_hon li{ width:25%; text-align:center; float:left;}
 ul.ab_hon li p{ margin-top:20px;}

li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.productlist{ margin-bottom:30px;}
.productlist li{ float:left; text-align:center; margin-right:20px; padding-bottom:5px;}
.productlist li.on{ border-bottom:1px #0036a9 solid;}
.productlist li.on a{ color:#0036a9;}
.productlist li:hover{ border-bottom:1px #0036a9 solid;}
.productlist li:hover a{ text-decoration:none;}

.proul{ display:flex; flex-wrap:wrap;}
.proul li{ width:48%; margin-right:4%; margin-bottom:2em; padding:40px; background: #fff url(../images/pro_bg.jpg) no-repeat center right; background-size:cover; position:relative; box-sizing:border-box;}
.proul li a{}
.proul li:nth-child(2n){ margin-right:0;}
.proul li img{ width:45%; float:left; position:relative; top:0; transition:1s;}
.proul li:hover img{ top:-10px;}
.proul li div{ width:50%; float:right;}
.proul li div .p1{ color:#0036a9;}
.proul li div .p2{ font-size:14px; color:#666; margin:1.5em 0;}
.proul li div .p3{ color:#e30b20;}

.p_t{ text-align:center; font-size:26px; color:#0036a9; margin-bottom:2em;}
.content_d{ color:#666; line-height:1.6;}
.u_np{ display:flex; margin-top:3em;}
.u_np li{ border:1px solid #ccc; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.u_np li a{ transition:0.2;}
.u_np li a:hover{ color:#0036a9;}
.u_np li:nth-child(2){ width:20%; text-align:center; border-left:none; border-right:none; margin-right:0 !important;}
.u_np li:first-child,.u_np li:last-child{ width:40% !important; margin-right:0 !important;}
.u_np li:last-child{ text-align:right;}



.newslist { margin-bottom: 0px; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 6px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; text-transform: uppercase; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist .item .name a:hover { color: #ef3320; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02s.png); }
.news_d{ padding-top:30px;}



.p_tt{ font-size:14px; color:#999; line-height:2; text-align:center;}
.p_tn{ margin-bottom:0.5em;}

/*joinus*/
.joinus{ padding-top: 20px; border-top: 1px solid #bdbdbd;}
.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #eee; border-top: 2px solid #0036a9; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #0036a9; }
.jobbox .aline {}
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }

/*contact*/
.contact{ padding-top: 20px; margin-top: 20px; border-top: 1px solid #bdbdbd;}
.contact_m{ position:relative; display:flex;}
.contact_l{ background:rgba(0,54,169,0.7); width:50%; padding:50px; color:#fff;}
.contact_r{ background:rgba(0,35,110,0.5); width:50%; padding:50px;} 
.contact_l .p1{ font-size:24px; margin-bottom:30px;}
.contact_l .p2{ font-size:16px; line-height:1.8;}
.contact_r .p1{ font-size:16px; color:#fff;}
.contact_l .p2 img{ height:150px;}


.history{ width:70%; margin:0 auto; padding:20px;}
.history img{ width:100%; border-radius:20px; margin-bottom:20px;}
.history p { border-left: 2px solid #0055be; padding: 20px 0 20px 20px; position: relative; }
.history p strong { font-size: 24px; font-family: arial; color: #0055be; margin-right: 20px; position: relative; }
.history p strong:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #0055be; position: absolute; left: -24px; top: 12px; }
.history p strong:after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 1px solid #0055be; position: absolute; left: -27px; top: 9px; }



.map iframe{}

.msg{ width: 100%; margin-top:30px;}
.msg div{ width: 100%; padding-bottom: 36px; float: left;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 90px; display: block; font-style: normal; font-size: 16px; float: left; letter-spacing: 3px; color: #fff;}
.msg div i font{ color: #dc0000;}
.msg div p{ margin:5px 0;}
.msg div p input{ width: 350px; height: 25px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; font-family: "微软雅黑"; color:#fff; }
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px; font-family: "微软雅黑"	}
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; height: 100px; font-family: "微软雅黑"; color:#fff; margin-bottom:50px;}
.submits{ display: block; padding:5px 20px; color: #000; font-size: 14px;background: #fff;border:0 none; cursor: pointer;font-family: "微软雅黑"; margin-top:20px;}

.activity_ul{ display:flex; flex-wrap:wrap;}
.activity_ul li{ width:32%; margin-right:2%; box-sizing:border-box; margin-bottom:20px; transition:0.4s;}
.activity_ul li:nth-child(3n){ margin-right:0;}
.activity_ul li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.activity_ul li img{ width:100%;}
.activity_ul li .news_t{ background:#f2f7fb; padding:20px 30px;}
.activity_ul li p{ }
.activity_ul li span{ font-size:12px;}



/*上下页*/
.newsbackline{height: 30px;line-height: 30px;border-top: 1px solid #dedede;padding-top: 20px;margin: 30px 0 50px;}
.newsbackline ul{ width:100%;}
.newsbackline ul li.prev{ text-align:left;}
.newsbackline ul li{width: 33.333333%;float: left;display: block;height: 33px; text-align:center;}
.newsbackline ul li.next{text-align: right;}
.main .bd .newsbackline ul li a{display: inline-block;width: 120px;border-width: 1px;border-style: solid;border-color: #dedede;text-decoration: none;color: #666;font-size: 12px;box-sizing: border-box;background: #fff; line-height:30px;}
.newsbackline ul li a{ text-align:center;}
.newsbackline ul li a {
    display: inline-block;
    width: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    box-sizing: border-box;
    background: #fff;
    line-height: 30px;
}

.newsbox{ width:22%; float:left; display:block; overflow:hidden; font-size:14px; color:#666; margin-right:4%;}
.newsbox:nth-child(4){ margin-right:0;}
.newsbox1{ background:#FFF url(images/newsbg.png) no-repeat right top;}
.newsbox2{ padding:40px;}
.news_t{ padding-bottom:20px; color:#999;}
.news_ti{ font-size:17px; font-weight:bold; padding-bottom:20px; color:#4f5459;}
.news_more{ background:#0036a9; color:#FFF; font-size:14px; width:20px; height:20px; text-align:center; margin-top:30px; font-weight:bold; line-height:20px;}






@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.container{ padding:0;}
	.nav{ float:right; padding-left:0}
	.nav .nli a{ font-size:16px;}
	.probox .item{ width:19.3%;}
	.probox1 .item{ width:49.5%;}
	.homebox4 .taglist{ width:auto;}
	.boxn2 .content .box{ margin-right:12px;}
	
	.prolist01 .item{ width:23.7%;}
	.prolist02 .item,.workshop .item{ width:27%;}
	.case .item{ width:32%;}
	.topbar.fxd{ height:auto;}
}


@media (max-width: 720px){
	.bannerslide .swiper-slide{ height:300px;}
	.logo{ width:270px; height:40px;}
	.topbar.fxd .logo{ width:270px; height:40px;}
	.ind_t{ display:none;}
	.top_menu { float: right; display: block; margin-top:15px;}
	.container{ padding:0;}
	.nav{ display:none;}
	.top-right{ display:none;}
	.homebox1 .prolist a{ display:inline-block; margin-bottom:10px;}
	.homebox3{ padding-top:50px;}
	.probox .item{ width:48%; margin:1%;}
	.probox .item:nth-child(5n){ margin-right:1%;}
	.probox .item .info{ padding:20px;}
	.probox .item .info .name{ font-size:16px;}
	.probox1 .item{ width:100%;}
	.probox1 .item .info{ padding:40px;}
	.probox1 .item .info .name a{ font-size:16px;}
	.newbox{ margin-bottom:0;}
	.boxn1,.boxn2,.boxn3,.boxn4,.boxn5,.boxn6{ width:100%; box-sizing:border-box; margin-top:20px;}
	.boxn1 .titn,.boxn3 .titn,.boxn4 .titn,.boxn5 .titn,.boxn6 .titn{ width:100%;}
	.newbox1 .boxn5 .titn{ width:100%;}
	.boxn1 .content .box .pic,.boxn4 .content .box .pic{ width:30%;}
	.boxn1 .content .box .info,.boxn4 .content .box .info{ width:65%;}
	.boxn2 .content .box{ width:100%; margin-bottom:10px;}
	.boxn3 .content .box{ width:48%; margin-right:12px;}
	.boxn4 .content .box{ width:100%;}
	.boxn5 .content .box{ width:100%;}
	.boxn5 .content .box .info .pic{ width:20%;}
	.boxn5 .content .box .info .txt{ width:74%;}
	.newbox1 .boxn5 .content .box{ width:100%;}
	.newbox1 .boxn5 .content .box .info .txt{ width:74%;}
	.boxn6 .content{ width:100%;}
	.homebox5 .honor li img{ height:auto;}
	.homebox5 .honor li{ width:17%;}
	.homebox6 dl{ display:none;}
	.homebox6 .contact{ display:block; width:100%;}
	.footer .fotmenu{ display:none;}
	.inbanner{ height:300px;}
	.inbanner .title h2{ font-size:40px; margin-top:50px;}
	.about01 .about-img{ width:100%;}
	.about01 .con{ width:100%; box-sizing:border-box; padding:5%;}
	.about02 .whul li{ width:100%; margin-bottom:10px;}
	.nlist li{ margin-bottom:10px;}
	.nlist li a{ display:inline-block; padding:10px 15px;}
	.newlist .pic{ display:none;}
	.newlist .date{ display:none;}
	.newlist .info{ width:100%;}
	.workshop .item{ width:100%; box-sizing:border-box;}
	.case .item{ width:100%;}
	.contact-in .cinl{ width:100%; border-right:none;}
	.proo li{ width:100%; height:auto; margin:0 0 20px 0;}
	.probox01 .item{ width:100%;}
	.procontou .fl{ max-width:none;}
	.procontou .proslide{ max-width:none; height:auto;}
	.procontou .info{ width:100%;}
	.probox2-,.probox2-2{ width:100%;}
	.probox2-1{ display:none;}
	.probox2-m{ padding:30px;}
	.probox2-m2{ padding:20px;}
	.homebox3m{ width:100%; box-sizing:border-box; padding:20px;}
	.homebox3m ul li{ width:50%;}
	.homebox3m ul li p{ font-size:12px;}
	.newsbox{ width:100%; margin-right:0; margin-bottom:20px;}
	.newsbox2{ padding:20px;}
	.inbanner{ height:100px;}
	.inwrap{ padding:30px 0;}
	.intit{ padding:0 0 0 20px;}
	.intit h1{ font-size:24px; float:none;}
	.intit .iul{ float:none;}
	.intit .iul .ili.on .ia:after{ bottom:0;}
	.inbox{ padding:20px;}
	.history{ width:auto; padding:20px 0;}
	.history p{ font-size:14px;}
	.honor_ul{ margin:0;}
	.honor_ul li{ width:48%; margin-right:4%;}
	.honor_ul li:nth-child(2n){ margin-right:0;}
	.proul li{ width:100%; margin-right:0;}
	.proul li img{ width:100%; float:none;}
	.proul li div{ width:100%; float:none;}
	.proul li div .p1{ text-align:center; margin-top:10px;}
	.proul li div .p3,.proul li div .p2{ display:none;}
	.p_t{ font-size:20px;}
	.content_d img,.news_d img{ max-width:100%;}
	.equipment_ul li img{ height:102px;}
	.activity_ul li{ width:100%; margin-right:0;}
	.newslist .item{ width:100%; margin-right:0;}
	.contact_m{ display:block;}
	.contact_l,.contact_r{ width:100%; padding:20px; box-sizing:border-box;}
	.contact_l .p2{ font-size:14px;}
	.contact_r .p1,.msg div i{ font-size:14px;}
	.msg div p input,.msg div textarea{ width:100%;}
	ul.ab_hon li{ width:50%;}
	ul.ab_hon li p{ font-size:15px;}
}

@media (max-width: 420px){
	.history p span{ display:block;}
	}